<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>v-for</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

</head>
<body>
    <div id="app">
      
    <ul>
      <li v-for="(item,index) in arr " >
        {{index }} --- {{item }}
      </li>
    </ul>
    <hr><br>
    <ul>
      <li v-for="(item,index) in personArr " >
        {{index }} ### {{ item.name }} - {{ item.age }}
      </li>
    </ul>
    
    </div> 

</body>
</html>

<script>
    var app = new Vue({
  el: '#app',
  data: {
    arr:[11,22,33],
    personArr : [
      {name:'猴子1', age : 18 },
      {name:'猴子2', age : 19 },
      {name:'猴子3', age : 20 },
    ]
  },
  methods:{
    
  }
})
</script>